
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rule"></use>
                    </svg>
                    <div class="name">规则_Nose</div>
                    <div class="fontclass">#icon-rule</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nv1"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#icon-nv1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-msnui-thumb"></use>
                    </svg>
                    <div class="name">缩略图</div>
                    <div class="fontclass">#icon-msnui-thumb</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bangzhu"></use>
                    </svg>
                    <div class="name">帮助反馈</div>
                    <div class="fontclass">#icon-bangzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconfontsound"></use>
                    </svg>
                    <div class="name">语音</div>
                    <div class="fontclass">#icon-iconfontsound</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiliao"></use>
                    </svg>
                    <div class="name">医疗</div>
                    <div class="fontclass">#icon-yiliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-home"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-home</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-poweroff"></use>
                    </svg>
                    <div class="name">power off</div>
                    <div class="fontclass">#icon-poweroff</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodepaidui"></use>
                    </svg>
                    <div class="name">我的排队</div>
                    <div class="fontclass">#icon-wodepaidui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-poweroff1"></use>
                    </svg>
                    <div class="name">power-off</div>
                    <div class="fontclass">#icon-poweroff1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-favorite"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#icon-favorite</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugai"></use>
                    </svg>
                    <div class="name">修改</div>
                    <div class="fontclass">#icon-xiugai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodeshoucang"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#icon-wodeshoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qunliaoshi"></use>
                    </svg>
                    <div class="name">群聊室</div>
                    <div class="fontclass">#icon-qunliaoshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti1"></use>
                    </svg>
                    <div class="name">qw-Order query</div>
                    <div class="fontclass">#icon-weibiaoti1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduocaidanxianxing"></use>
                    </svg>
                    <div class="name">更多菜单-线性</div>
                    <div class="fontclass">#icon-gengduocaidanxianxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sandian"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-sandian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jindu"></use>
                    </svg>
                    <div class="name">进度</div>
                    <div class="fontclass">#icon-jindu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daiwancheng"></use>
                    </svg>
                    <div class="name">待完成</div>
                    <div class="fontclass">#icon-daiwancheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjiashangbao"></use>
                    </svg>
                    <div class="name">添加上报</div>
                    <div class="fontclass">#icon-tianjiashangbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodeshoucang1"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#icon-wodeshoucang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quxiaoshoucang"></use>
                    </svg>
                    <div class="name">取消收藏</div>
                    <div class="fontclass">#icon-quxiaoshoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi2"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiekuanchulichenggong2"></use>
                    </svg>
                    <div class="name">借款_处理成功2</div>
                    <div class="fontclass">#icon-jiekuanchulichenggong2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-12"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#icon-12</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-39"></use>
                    </svg>
                    <div class="name">刷新</div>
                    <div class="fontclass">#icon-39</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-th-large-copy"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-th-large-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-moreclass"></use>
                    </svg>
                    <div class="name">moreclass</div>
                    <div class="fontclass">#icon-moreclass</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icmenumore"></use>
                    </svg>
                    <div class="name">ic_menu_more</div>
                    <div class="fontclass">#icon-icmenumore</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiajiantou1"></use>
                    </svg>
                    <div class="name">下箭头</div>
                    <div class="fontclass">#icon-xiajiantou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiankangshenminxietangfuwu"></use>
                    </svg>
                    <div class="name">健康_深敏血糖服务</div>
                    <div class="fontclass">#icon-jiankangshenminxietangfuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantouright"></use>
                    </svg>
                    <div class="name">箭头1</div>
                    <div class="fontclass">#icon-jiantouright</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-et-more1"></use>
                    </svg>
                    <div class="name">et-more1</div>
                    <div class="fontclass">#icon-et-more1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuojiantou"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#icon-zuojiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-settings2shezhi"></use>
                    </svg>
                    <div class="name">settings2-设置</div>
                    <div class="fontclass">#icon-settings2shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-circleyuanquan"></use>
                    </svg>
                    <div class="name">circle-圆圈</div>
                    <div class="fontclass">#icon-circleyuanquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuangxianyoujiantou"></use>
                    </svg>
                    <div class="name">双线-右箭头</div>
                    <div class="fontclass">#icon-shuangxianyoujiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuangxianzuojiantou"></use>
                    </svg>
                    <div class="name">双线-左箭头</div>
                    <div class="fontclass">#icon-shuangxianzuojiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-falvshengming1"></use>
                    </svg>
                    <div class="name">法律声明</div>
                    <div class="fontclass">#icon-falvshengming1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-iconjia"></use>
                    </svg>
                    <div class="name">加</div>
                    <div class="fontclass">#icon-iconjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduocaidan"></use>
                    </svg>
                    <div class="name">更多菜单</div>
                    <div class="fontclass">#icon-gengduocaidan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duihao"></use>
                    </svg>
                    <div class="name">对号</div>
                    <div class="fontclass">#icon-duihao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujutu"></use>
                    </svg>
                    <div class="name">数据图</div>
                    <div class="fontclass">#icon-shujutu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantouleft"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantouleft</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuyin"></use>
                    </svg>
                    <div class="name">语音</div>
                    <div class="fontclass">#icon-yuyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao2"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-haofangtuo400iconfontshezhi"></use>
                    </svg>
                    <div class="name">好房拓 4.0.0 iconfont_设置</div>
                    <div class="fontclass">#icon-haofangtuo400iconfontshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinxi"></use>
                    </svg>
                    <div class="name">信息</div>
                    <div class="fontclass">#icon-xinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huizhen"></use>
                    </svg>
                    <div class="name">会诊</div>
                    <div class="fontclass">#icon-huizhen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinanbingli"></use>
                    </svg>
                    <div class="name">疑难病例</div>
                    <div class="fontclass">#icon-yinanbingli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti512"></use>
                    </svg>
                    <div class="name">视频会诊</div>
                    <div class="fontclass">#icon-weibiaoti512</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiezhang"></use>
                    </svg>
                    <div class="name">结账</div>
                    <div class="fontclass">#icon-jiezhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuanxuankuang2"></use>
                    </svg>
                    <div class="name">圆选框4</div>
                    <div class="fontclass">#icon-yuanxuankuang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuanxuankuang1"></use>
                    </svg>
                    <div class="name">圆选框3</div>
                    <div class="fontclass">#icon-yuanxuankuang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipinhuizhen"></use>
                    </svg>
                    <div class="name">视频会诊</div>
                    <div class="fontclass">#icon-shipinhuizhen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyishi"></use>
                    </svg>
                    <div class="name">会议室申请</div>
                    <div class="fontclass">#icon-huiyishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-saoma"></use>
                    </svg>
                    <div class="name">扫码</div>
                    <div class="fontclass">#icon-saoma</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buzhanchuangwei"></use>
                    </svg>
                    <div class="name">单人床</div>
                    <div class="fontclass">#icon-buzhanchuangwei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keshi"></use>
                    </svg>
                    <div class="name">科室</div>
                    <div class="fontclass">#icon-keshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi1"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoji1"></use>
                    </svg>
                    <div class="name">标记</div>
                    <div class="fontclass">#icon-biaoji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-font57"></use>
                    </svg>
                    <div class="name">确认</div>
                    <div class="fontclass">#icon-font57</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiekuanshenqing"></use>
                    </svg>
                    <div class="name">申请</div>
                    <div class="fontclass">#icon-jiekuanshenqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouquanweituoshu"></use>
                    </svg>
                    <div class="name">授权委托书</div>
                    <div class="fontclass">#icon-shouquanweituoshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhihu"></use>
                    </svg>
                    <div class="name">知乎</div>
                    <div class="fontclass">#icon-zhihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nv"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#icon-nv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nan"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#icon-nan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-12tianjia"></use>
                    </svg>
                    <div class="name">12添加</div>
                    <div class="fontclass">#icon-12tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiahao-copy"></use>
                    </svg>
                    <div class="name">加号</div>
                    <div class="fontclass">#icon-jiahao-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#icon-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xieya"></use>
                    </svg>
                    <div class="name">血压</div>
                    <div class="fontclass">#icon-xieya</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiyuan"></use>
                    </svg>
                    <div class="name">医院</div>
                    <div class="fontclass">#icon-yiyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaqian"></use>
                    </svg>
                    <div class="name">价钱</div>
                    <div class="fontclass">#icon-jiaqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodeye_wodeshoucang"></use>
                    </svg>
                    <div class="name">我的页_我的收藏</div>
                    <div class="fontclass">#icon-wodeye_wodeshoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenti2"></use>
                    </svg>
                    <div class="name">问题2</div>
                    <div class="fontclass">#icon-wenti2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plus-datareport"></use>
                    </svg>
                    <div class="name">数据报告</div>
                    <div class="fontclass">#icon-plus-datareport</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-digital"></use>
                    </svg>
                    <div class="name">数据</div>
                    <div class="fontclass">#icon-digital</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao1"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zujian"></use>
                    </svg>
                    <div class="name">组件</div>
                    <div class="fontclass">#icon-zujian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qiehuanjiaose"></use>
                    </svg>
                    <div class="name">切换角色</div>
                    <div class="fontclass">#icon-qiehuanjiaose</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiao"></use>
                    </svg>
                    <div class="name">图标4</div>
                    <div class="fontclass">#icon-tubiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wendang1"></use>
                    </svg>
                    <div class="name">文档</div>
                    <div class="fontclass">#icon-wendang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianhuyi"></use>
                    </svg>
                    <div class="name">监护仪</div>
                    <div class="fontclass">#icon-jianhuyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiahao"></use>
                    </svg>
                    <div class="name">加号</div>
                    <div class="fontclass">#icon-jiahao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichushuju"></use>
                    </svg>
                    <div class="name">基础数据</div>
                    <div class="fontclass">#icon-jichushuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon-test"></use>
                    </svg>
                    <div class="name">别针</div>
                    <div class="fontclass">#icon-icon-test</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-Mycollection"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#icon-Mycollection</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenti"></use>
                    </svg>
                    <div class="name">wenti</div>
                    <div class="fontclass">#icon-wenti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoqian"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-biaoqian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-youjiantou"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#icon-youjiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuojiantou1"></use>
                    </svg>
                    <div class="name">左箭头</div>
                    <div class="fontclass">#icon-zuojiantou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huli"></use>
                    </svg>
                    <div class="name">护理</div>
                    <div class="fontclass">#icon-huli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiuhuche"></use>
                    </svg>
                    <div class="name">救护车</div>
                    <div class="fontclass">#icon-jiuhuche</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichuxinxi"></use>
                    </svg>
                    <div class="name">基础信息</div>
                    <div class="fontclass">#icon-jichuxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianhao1"></use>
                    </svg>
                    <div class="name">减号</div>
                    <div class="fontclass">#icon-jianhao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list_chukutongzhi"></use>
                    </svg>
                    <div class="name">list_出库通知</div>
                    <div class="fontclass">#icon-list_chukutongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhizhongxin"></use>
                    </svg>
                    <div class="name">供方-设置中心</div>
                    <div class="fontclass">#icon-shezhizhongxin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjian"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#icon-wenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi11"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoujihaoma"></use>
                    </svg>
                    <div class="name">手机号码</div>
                    <div class="fontclass">#icon-shoujihaoma</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qunzu"></use>
                    </svg>
                    <div class="name">群组</div>
                    <div class="fontclass">#icon-qunzu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangkuai"></use>
                    </svg>
                    <div class="name">方块</div>
                    <div class="fontclass">#icon-fangkuai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao3"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-man"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#icon-man</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiyao"></use>
                    </svg>
                    <div class="name">医药</div>
                    <div class="fontclass">#icon-yiyao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji2"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuju"></use>
                    </svg>
                    <div class="name">数据</div>
                    <div class="fontclass">#icon-shuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yao"></use>
                    </svg>
                    <div class="name">药</div>
                    <div class="fontclass">#icon-yao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wanchengdingdan"></use>
                    </svg>
                    <div class="name">完成订单</div>
                    <div class="fontclass">#icon-wanchengdingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti-"></use>
                    </svg>
                    <div class="name">朋友圈</div>
                    <div class="fontclass">#icon-weibiaoti-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-falvshengming"></use>
                    </svg>
                    <div class="name">法律声明</div>
                    <div class="fontclass">#icon-falvshengming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziliao"></use>
                    </svg>
                    <div class="name">资料</div>
                    <div class="fontclass">#icon-ziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye1"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-shouye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi2"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yanse"></use>
                    </svg>
                    <div class="name">颜色</div>
                    <div class="fontclass">#icon-yanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji1"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodeshoucang2"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#icon-wodeshoucang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xindiantu1"></use>
                    </svg>
                    <div class="name">心电图</div>
                    <div class="fontclass">#icon-xindiantu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayin"></use>
                    </svg>
                    <div class="name">打印</div>
                    <div class="fontclass">#icon-dayin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buju"></use>
                    </svg>
                    <div class="name">布局</div>
                    <div class="fontclass">#icon-buju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinzenghuanzhe"></use>
                    </svg>
                    <div class="name">新增患者</div>
                    <div class="fontclass">#icon-xinzenghuanzhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baocun"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-baocun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaochengxuicon-"></use>
                    </svg>
                    <div class="name">成功</div>
                    <div class="fontclass">#icon-xiaochengxuicon-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yewuguizeshezhi"></use>
                    </svg>
                    <div class="name">业务规则设置</div>
                    <div class="fontclass">#icon-yewuguizeshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijianriqi"></use>
                    </svg>
                    <div class="name">时间日期</div>
                    <div class="fontclass">#icon-shijianriqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-renwuguanli"></use>
                    </svg>
                    <div class="name">任务管理</div>
                    <div class="fontclass">#icon-renwuguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-feiyongshuju"></use>
                    </svg>
                    <div class="name">费用数据</div>
                    <div class="fontclass">#icon-feiyongshuju</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huanzhe"></use>
                    </svg>
                    <div class="name">患者</div>
                    <div class="fontclass">#icon-huanzhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ene_mon_are_right"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#icon-ene_mon_are_right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ene_mon_are_left"></use>
                    </svg>
                    <div class="name">左箭头</div>
                    <div class="fontclass">#icon-ene_mon_are_left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao4"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow2-right"></use>
                    </svg>
                    <div class="name">箭头 右双-01</div>
                    <div class="fontclass">#icon-arrow2-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gaojishaicha"></use>
                    </svg>
                    <div class="name">高级筛查</div>
                    <div class="fontclass">#icon-gaojishaicha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhenliao"></use>
                    </svg>
                    <div class="name">诊疗</div>
                    <div class="fontclass">#icon-zhenliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tijianyuyue"></use>
                    </svg>
                    <div class="name">体检预约</div>
                    <div class="fontclass">#icon-tijianyuyue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti-1"></use>
                    </svg>
                    <div class="name">死亡殡葬</div>
                    <div class="fontclass">#icon-weibiaoti-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tixing"></use>
                    </svg>
                    <div class="name"> _提醒</div>
                    <div class="fontclass">#icon-tixing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-saoma1"></use>
                    </svg>
                    <div class="name">扫码</div>
                    <div class="fontclass">#icon-saoma1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tijianyuyue1"></use>
                    </svg>
                    <div class="name">体检预约</div>
                    <div class="fontclass">#icon-tijianyuyue1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyuejiesuan"></use>
                    </svg>
                    <div class="name">每月结算</div>
                    <div class="fontclass">#icon-meiyuejiesuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-riqi1"></use>
                    </svg>
                    <div class="name">日期</div>
                    <div class="fontclass">#icon-riqi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon1"></use>
                    </svg>
                    <div class="name">右箭头</div>
                    <div class="fontclass">#icon-icon1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jichushujuweihu"></use>
                    </svg>
                    <div class="name">基础数据维护</div>
                    <div class="fontclass">#icon-jichushujuweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiaochawenjuan"></use>
                    </svg>
                    <div class="name">调查问卷</div>
                    <div class="fontclass">#icon-tiaochawenjuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiafawenjuan"></use>
                    </svg>
                    <div class="name">下发问卷</div>
                    <div class="fontclass">#icon-xiafawenjuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuang"></use>
                    </svg>
                    <div class="name">床</div>
                    <div class="fontclass">#icon-chuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tijiao-fuben"></use>
                    </svg>
                    <div class="name">提交 - 副本</div>
                    <div class="fontclass">#icon-tijiao-fuben</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yingyongicon-"></use>
                    </svg>
                    <div class="name">基础功能</div>
                    <div class="fontclass">#icon-yingyongicon-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-duomeitiguanli"></use>
                    </svg>
                    <div class="name">多媒体管理</div>
                    <div class="fontclass">#icon-duomeitiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baogaochaxun"></use>
                    </svg>
                    <div class="name">报告查询</div>
                    <div class="fontclass">#icon-baogaochaxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenduji"></use>
                    </svg>
                    <div class="name">体温计</div>
                    <div class="fontclass">#icon-wenduji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bingli1"></use>
                    </svg>
                    <div class="name">病例</div>
                    <div class="fontclass">#icon-bingli1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji5"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tongji"></use>
                    </svg>
                    <div class="name">统计</div>
                    <div class="fontclass">#icon-tongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjuantiaocha"></use>
                    </svg>
                    <div class="name">问卷调查</div>
                    <div class="fontclass">#icon-wenjuantiaocha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi1"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xieyafenxi"></use>
                    </svg>
                    <div class="name">血压分析</div>
                    <div class="fontclass">#icon-xieyafenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuyue"></use>
                    </svg>
                    <div class="name">预约</div>
                    <div class="fontclass">#icon-yuyue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paper-clip"></use>
                    </svg>
                    <div class="name">曲别针</div>
                    <div class="fontclass">#icon-paper-clip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-add"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#icon-add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-queren"></use>
                    </svg>
                    <div class="name">确认</div>
                    <div class="fontclass">#icon-queren</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dengjibiangeng"></use>
                    </svg>
                    <div class="name">登记变更</div>
                    <div class="fontclass">#icon-dengjibiangeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-shoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shibai"></use>
                    </svg>
                    <div class="name">失败</div>
                    <div class="fontclass">#icon-shibai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiugaimima"></use>
                    </svg>
                    <div class="name">修改密码</div>
                    <div class="fontclass">#icon-xiugaimima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                    <div class="name">左箭头</div>
                    <div class="fontclass">#icon-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-daiban"></use>
                    </svg>
                    <div class="name">待办-01</div>
                    <div class="fontclass">#icon-daiban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuyue1"></use>
                    </svg>
                    <div class="name">预约</div>
                    <div class="fontclass">#icon-yuyue1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bingli2"></use>
                    </svg>
                    <div class="name">病例</div>
                    <div class="fontclass">#icon-bingli2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bingli"></use>
                    </svg>
                    <div class="name">病例</div>
                    <div class="fontclass">#icon-bingli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoushudeng"></use>
                    </svg>
                    <div class="name">手术灯</div>
                    <div class="fontclass">#icon-shoushudeng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baogaochaxun1"></use>
                    </svg>
                    <div class="name">报告查询</div>
                    <div class="fontclass">#icon-baogaochaxun1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yinzhang"></use>
                    </svg>
                    <div class="name">印章</div>
                    <div class="fontclass">#icon-yinzhang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianchabaogao"></use>
                    </svg>
                    <div class="name">检查报告</div>
                    <div class="fontclass">#icon-jianchabaogao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenti-m"></use>
                    </svg>
                    <div class="name">问题-互动</div>
                    <div class="fontclass">#icon-wenti-m</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-clip"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-clip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-RMB"></use>
                    </svg>
                    <div class="name">RMB,钱</div>
                    <div class="fontclass">#icon-RMB</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhiyebingbaogaoshangbao"></use>
                    </svg>
                    <div class="name">职业病报告上报</div>
                    <div class="fontclass">#icon-zhiyebingbaogaoshangbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-scalpel"></use>
                    </svg>
                    <div class="name">手术刀</div>
                    <div class="fontclass">#icon-scalpel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-thermometer"></use>
                    </svg>
                    <div class="name">体温计</div>
                    <div class="fontclass">#icon-thermometer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-biaoji"></use>
                    </svg>
                    <div class="name">标记</div>
                    <div class="fontclass">#icon-biaoji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuangweishu"></use>
                    </svg>
                    <div class="name">床位数</div>
                    <div class="fontclass">#icon-chuangweishu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anquanyunyingfenxishitu"></use>
                    </svg>
                    <div class="name">安全运营分析视图</div>
                    <div class="fontclass">#icon-anquanyunyingfenxishitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-public-security"></use>
                    </svg>
                    <div class="name">治安防控</div>
                    <div class="fontclass">#icon-public-security</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuanranbingshaichaguize"></use>
                    </svg>
                    <div class="name">传染病筛查规则</div>
                    <div class="fontclass">#icon-chuanranbingshaichaguize</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi-copy"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaqian-copy"></use>
                    </svg>
                    <div class="name">价钱</div>
                    <div class="fontclass">#icon-jiaqian-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huanfu"></use>
                    </svg>
                    <div class="name">换肤</div>
                    <div class="fontclass">#icon-huanfu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wendang"></use>
                    </svg>
                    <div class="name">文档</div>
                    <div class="fontclass">#icon-wendang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nv11"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#icon-nv11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sancedan"></use>
                    </svg>
                    <div class="name">三测单</div>
                    <div class="fontclass">#icon-sancedan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiangyoujiantou"></use>
                    </svg>
                    <div class="name">向右箭头</div>
                    <div class="fontclass">#icon-xiangyoujiantou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shibai1"></use>
                    </svg>
                    <div class="name">失败</div>
                    <div class="fontclass">#icon-shibai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keshi-"></use>
                    </svg>
                    <div class="name">科室-01</div>
                    <div class="fontclass">#icon-keshi-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mima"></use>
                    </svg>
                    <div class="name">密码</div>
                    <div class="fontclass">#icon-mima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon--xitongshezhi"></use>
                    </svg>
                    <div class="name">1-1系统设置</div>
                    <div class="fontclass">#icon--xitongshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou-copy-copy"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou-copy-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caozuotai"></use>
                    </svg>
                    <div class="name">操作台</div>
                    <div class="fontclass">#icon-caozuotai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jianyanjilu"></use>
                    </svg>
                    <div class="name">检验记录</div>
                    <div class="fontclass">#icon-jianyanjilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chaxun1"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#icon-chaxun1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chaxun"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#icon-chaxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhiye"></use>
                    </svg>
                    <div class="name">职业</div>
                    <div class="fontclass">#icon-zhiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiaofeijilu"></use>
                    </svg>
                    <div class="name">缴费记录</div>
                    <div class="fontclass">#icon-jiaofeijilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-Finaldraft-qitaxinxi"></use>
                    </svg>
                    <div class="name">Final draft-其他信息</div>
                    <div class="fontclass">#icon-Finaldraft-qitaxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hangzhengchufa"></use>
                    </svg>
                    <div class="name">行政处罚</div>
                    <div class="fontclass">#icon-hangzhengchufa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pull_down"></use>
                    </svg>
                    <div class="name">下拉箭头</div>
                    <div class="fontclass">#icon-pull_down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianjiqi_zitiyanse"></use>
                    </svg>
                    <div class="name">编辑器_字体颜色</div>
                    <div class="fontclass">#icon-bianjiqi_zitiyanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bangzhuwendang"></use>
                    </svg>
                    <div class="name">帮助文档</div>
                    <div class="fontclass">#icon-bangzhuwendang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nan1"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#icon-nan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nv2"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#icon-nv2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-medical_technology"></use>
                    </svg>
                    <div class="name">医技</div>
                    <div class="fontclass">#icon-medical_technology</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-caozuo2"></use>
                    </svg>
                    <div class="name">操作</div>
                    <div class="fontclass">#icon-caozuo2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiantou-copy-copy-copy"></use>
                    </svg>
                    <div class="name">箭头</div>
                    <div class="fontclass">#icon-jiantou-copy-copy-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiangyoujiantou1"></use>
                    </svg>
                    <div class="name">向右箭头</div>
                    <div class="fontclass">#icon-xiangyoujiantou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jingshenbing"></use>
                    </svg>
                    <div class="name">精神病</div>
                    <div class="fontclass">#icon-jingshenbing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-manbing"></use>
                    </svg>
                    <div class="name">慢病</div>
                    <div class="fontclass">#icon-manbing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuxieshenqing"></use>
                    </svg>
                    <div class="name">输血申请</div>
                    <div class="fontclass">#icon-shuxieshenqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xieyejiancha"></use>
                    </svg>
                    <div class="name">血液检查</div>
                    <div class="fontclass">#icon-xieyejiancha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yuanneiganran"></use>
                    </svg>
                    <div class="name">院内感染</div>
                    <div class="fontclass">#icon-yuanneiganran</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
